<template>
  <a-layout>
    <the-header />
    <router-view />
    <the-footer />
  </a-layout>
</template>
<script>
import theHeader from "./components/the-header.vue";
import theFooter from "./components/the-footer.vue";

export default {
  name: 'app',
  components:{
    theHeader,
    theFooter
  }
};
</script>
<style>
.logo {
  float: left;
  width: 120px;
  height: 31px;
  color: white;
  font-size: 22px;
}
</style>